<div class="col-sm-12">
    <!-- Nav tabs -->
    <div class="row" id="bottom">
        <ul class="nav nav-tabs">
            <li class="active first"><a href="#home" data-toggle="tab"><i class="glyphicon glyphicon-book"></i>
                    Ebooks</a>
            </li>
            <li><a href="#profile" data-toggle="tab"><i class="glyphicon glyphicon-tasks"></i> Luận văn</a></li>
            <li><a href="#messages" data-toggle="tab"><i class="glyphicon glyphicon-file"></i> Bài giảng</a></li>
        </ul>
    </div>

    <!-- Tab panes -->
    <div class="row" id="bottom-content">
        <div class="tab-content">
            <div class="tab-pane active" id="home">
                <div class="jcarousel-wrapper">
                    <div class="jcarousel">
                        <ul class="">
                            <li class="item_">
                                <div class="img_">
                                    <img
                                        src="http://www.hukabook.com/sites/default/files/styles/hukabook/public/30159.png?itok=bMFm74Qo"
                                        alt="book"/>

                                    <div class="info_">
                                        <h3><a href="" class="tit_">Đắc nhân tâm</a> ¬ <a href=""
                                                                                          class="auth_">soheomoi</a>
                                        </h3>
                                    </div>
                                </div>
                            </li>
                            <li class="item_">
                                <div class="img_">
                                    <img
                                        src="http://www.hukabook.com/sites/default/files/styles/hukabook/public/chien-tranh-tien-te-tb-500x500.jpg?itok=goaPwcSo"
                                        alt="book"/>

                                    <div class="info_">
                                        <h3><a href="">Đắc nhân tâm</a> ¬ <a href="">soheomoi</a></h3>
                                    </div>
                                </div>
                            </li>
                            <li class="item_">
                                <div class="img_">
                                    <img
                                        src="http://www.hukabook.com/sites/default/files/styles/hukabook/public/chienluocdaiduongxanh.jpg?itok=jlynKC_m"
                                        alt="book"/>

                                    <div class="info_">
                                        <h3><a href="">Đắc nhân tâm</a> ¬ <a href="">soheomoi</a></h3>
                                    </div>
                                </div>
                            </li>
                            <li class="item_">
                                <div class="img_">
                                    <img
                                        src="http://www.hukabook.com/sites/default/files/styles/hukabook/public/luat_doanh_nghiep.jpg?itok=rmbwHocg"
                                        alt="book"/>

                                    <div class="info_">
                                        <h3><a href="">Đắc nhân tâm</a> ¬ <a href="">soheomoi</a></h3>
                                    </div>
                                </div>
                            </li>
                            <li class="item_">
                                <div class="img_">
                                    <img
                                        src="http://www.hukabook.com/sites/default/files/styles/hukabook/public/ccie.jpg?itok=zOREkHsa"
                                        alt="book"/>

                                    <div class="info_">
                                        <h3><a href="" class="tit_">Đắc nhân tâm</a> ¬ <a href=""
                                                                                          class="auth_">soheomoi</a>
                                        </h3>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <a href="#" class="jcarousel-control-prev">&lsaquo;</a>
                    <a href="#" class="jcarousel-control-next">&rsaquo;</a>

                    <p class="jcarousel-pagination"></p>
                </div>
            </div>
            <div class="tab-pane" id="profile">
                <div class="col-sm-6 item__">
                    <h3><a href=""> Bài giảng Marketing ngân hàng</a> <img src="<?= HTTP_IMAGES_PATH ?>ico/doc16x16.gif"
                                                                           alt="Định dạng .doc"
                                                                           class="icon_type icon_doc"/></h3>
                </div>
                <div class="col-sm-6 item__">
                    <h3><a href=""> CÂU HỎI ĐỒ ÁN TỐT NGHIỆP KỸ SƯ XÂY DỰNG</a> <img
                            src="<?= HTTP_IMAGES_PATH ?>ico/pdf16x16.gif"
                            alt="Định dạng .doc"
                            class="icon_type icon_doc"/>
                    </h3>
                </div>
                <div class="col-sm-6 item__">
                    <h3><a href=""> KẾT CẤU BÊ TÔNG CỐT THÉP PHẦN CẤU KIỆN CƠ BẢN</a> <img
                            src="<?= HTTP_IMAGES_PATH ?>ico/doc16x16.gif"
                            alt="Định dạng .doc"
                            class="icon_type icon_doc"/>
                    </h3>
                </div>
                <div class="col-sm-6 item__">
                    <h3><a href=""> Trắc nghiệm xác suất thống kê</a> <img src="<?= HTTP_IMAGES_PATH ?>ico/doc16x16.gif"
                                                                           alt="Định dạng .doc"
                                                                           class="icon_type icon_doc"/></h3>
                </div>
                <div class="col-sm-6 item__">
                    <h3><a href="">xác xuất thống kê</a> <img src="<?= HTTP_IMAGES_PATH ?>ico/doc16x16.gif"
                                                              alt="Định dạng .doc" class="icon_type icon_doc"/></h3>
                </div>
            </div>
            <div class="tab-pane" id="messages">...</div>
        </div>
    </div>

</div>